@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import "global_variables";
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,500,500i,600,600i,700,700i');
.recipe-detail-container {
  font-weight:300;
  font-family:'IBM Plex Sans', sans-serif;
  .add-padding {
    padding-left: 10px;
  }
  .recipe-details-text {
    margin-top: 10px;
    text-align: left;
    width: 100%;
  }

  .details-container {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .input-row {
    padding-top: 10px;
  }

  textarea {
    padding: 10px;
  }

  .row.dropdown-row {
    padding-left: 13px;
  }

  .button-col {
    width: 180px;
    height: 180px;
    text-align: center;
    color: #F7F3F3;
    background-color: #008BC2;
    border-radius: 20px;
    padding: 10px;
    margin-left: 10px;
  }

  .centered-image {
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
  }

  .button-row {
    padding-left: 30px;
  }

  .text-row-bottom {
    padding-top: 15px;
  }

  .input-modal-row {
    margin-left: 25px;
  }

  .submit-recipe-button {
    margin-top: 10px;
  }

  .card-row {
    margin-top: 10px;
  }

  .label-row {
    text-decoration-color: white;
    padding: 10px;

  }

  .rounded-col {
    border-radius: 5px;
    color: white;
    font-size: 18px;
    width: 400px;
    padding-left: 10px;
  }

  .rounded-col:hover {
    font-size: 22px;
  }

  .field-row {
    padding: 12px;
  }
  .field-col {
    padding: 10px;
  }

  .dropdown-type {
    width: 250px;
  }
  .dropdown-col {
    width: 250px;
  }
  .selection-col {
    text-align: left;
  }

  .file-upload__input {
    background-color: #008BC2;
  }

  .plant-type {
    width: 200px;
  }
  .plant-type-dropdowns {
    padding-left: 20px;
  }
  .hidden-div {
    visibility: hidden;
  }
  .visible-div {
    visibility: visible;
  }

  .recipe-details-card {
    padding: 20px;
    margin-top: 10px;
    .card-title {
      padding-left: 20px;
      font-family: 'IBM Plex Sans', sans-serif;
      font-weight: 400;
      font-size: 1.5em;
    }
  }
  .led-stats-card {
    .card-title {
      padding-left: 20px;
      padding-top: 10px;
      font-family: 'IBM Plex Sans', sans-serif;
      font-weight: 400;
      font-size: 1.5em;
    }
  ;
  }
  .submit-recipe-button.btn.btn-secondary {
    //background-color:$purple-color;
    width: 100%;
  }
  .color-button {
    .btn-secondary {
      background-color: rgb(149, 38, 106);
      border-color: rgb(149, 38, 106);
      width: 100%;
    }
    .btn-secondary:hover {
      background-color: #358A49;
      border-color: #358A49;
    }
  }
  .image-row {
    .image-recipe {
      padding-left: 20px;

    }

  }
  .add-border-top
  {
    padding-left:15px;
    border-top:1px solid rgb(149, 38, 106);
  }
  .goback-text {
    font-size: 16px;
    margin-left: 2px;

  }
  .settings-top-row
  {
    border-left:1px solid black;
  }
  .recipe-description-row {
    max-height: 350px;
    min-height: 350px;
  }

  .sensors-card {
    min-height: 120px;
    max-height: 120px;
  }
  .home-row {
    padding-top: 10px;
  }
  .padded-row {
    padding-left: 15px;
    padding-top: 15px;
    width: 100%;
  }
  .padded-left-row {
    padding-left: 15px;
    width: 100%;
  }
  .Collapsible__trigger {
    font-size: 1rem;
    font-weight: 500;
  }
  .Collapsible {
    width: 100%;
    border-bottom:1px solid black;
  }
  .Collapsible__contentInner
  {
    padding-top:10px;
  }
  .Collapsible__contentOuter
  {
    margin-top:10px;
  }
}
